/* Write your styles */
body {
    background: #f6f6f6;
}

#site-logo {
    padding-top: .5rem;
}

#site-logo a {
    background: url("http://7xsp25.com2.z0.glb.clouddn.com/image/i/strange-native-logo.png") no-repeat left top;
    display: block;
    height: 24px;
    width: 70px;
    text-indent: -9999px;
}

.dg-head-category {
    padding-top: .5rem;
}
.dg-head-category a {
    padding-right: 1rem;
}

.dg-blog-index-content {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
}

.am-u-dg-sm-menu {
    display: none;
}

.dg-head-mobile-slogan {
    display: none;
}

@media only screen and (min-width: 640px) {
    .dg-header {
        padding-top: 5rem;
        padding-left: 3rem;
        height: 150px;
        /*background: green;*/
    }

}

@media only screen and (max-width: 640px) {
    .dg-header {
        padding-top: 4rem;
        padding-left: 1rem;
        height: 100px;
        /*background: red;*/
    }

    .dg-blog-index-content {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .dg-head-category {
        display: none;
    }

    .dg-head-mobile-slogan {
        display: block;
    }

    .am-u-dg-sm-menu  {
        display: block;
        padding-right:1.5rem;
    }
    .am-u-dg-sm-menu button {
        float: right;
    }
}

